.step{position:relative;height:10px;border-radius:5px;background-color:#f5f5f5;margin-bottom:30px;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);}
.step-bar{position:relative;height:10px;float:left;display:inline-block;text-align:center;color:#aaa;}
.step-bar:first-child{border-radius:5px 0 0 5px;}
.step-bar:last-child{border-radius:0 5px 5px 0;}
.step-point{position:relative;display:inline-block;width:20px;height:20px;line-height:20px;top:-5px;border-radius:50%;color:#fff;background-color:#bbb;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .175);box-shadow:1px 1px 1px rgba(0, 0, 0, .175);}
.step-text{display:block;}
.step .complete, .step .complete .step-point{background:#cf9;}
.step .active, .step .active .step-point{background:#0a0;}